*{
    margin: 0;
    padding:0;
}
@media  screen and(max-width:375px) {
    html {
        font-size: 15px;
        color: red !important;
    }
}
@media  screen and(max-width:414px) {
    html {
        font-size: 11.04px;
    }
}
@media  screen and(max-width:420px) {
    html {
        font-size: 11.2px;
    }
}
@media   screen and(max-width:750px) {
    html {
        font-size: 20px;
    }
}
@media screen and(min-width:800px) {
    html {
        font-size: 21.3px;
    }
}
/* @media screen and (min-width:2000px){
    html {
     font-size: 54px;
    }
} */
/* @media screen and (min-width:2000px) and (max-width:2400px){
    html {
     font-size: 54px;
    }
} */
@media screen and (min-width:1200px) and (max-width:2000px){
    html {
        font-size:  21.3px;
    }
}
@media screen and (min-width:2000px) and (max-width:2800px){
    html {
     font-size:  21.3px;
    }
}
/* @media screen and (min-width:2499px) and (max-width:2900px){
    html {
     font-size: 60px;
    }
} */
@media screen and (min-width:2800px) and (max-width:3500px){
    html {
     font-size: 21.3px;
    }
}
@media screen and (min-width:3501px) {
    html {
     width: 3501px;
     margin: auto;
    }
}